<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>组合键：shift，alt，ctrl，meta</title>
	</head>
	<body>
		<button>Alt+Shift+Click 同时按才有效</button>

		<script>
			const button = document.querySelector('button')

			// 组合键：shift，alt，ctrl，meta
			// 所有的鼠标事件都包含有关按下的组合键的信息。

			// 事件属性：
			// shiftKey：Shift
			// altKey：Alt（或对于 Mac 是 Opt）
			// ctrlKey：Ctrl
			// metaKey：对于 Mac 是 Cmd

			// 鼠标事件中，也可以取到键盘中所按下的对应按键，从而实现组合键 + 点击
			button.addEventListener('click', function (e) {
				if (e.altKey && e.shiftKey) {
					console.log('先按下 Alt+Shift 同时按才有效')
				}
			})
		</script>
	</body>
</html>
